<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>轮播相册</title>
	<style>
		.class{
		    width: 80%;
			height:400px;
		}
	</style>
</head>
 <body>
	 <div style="float:left;">
		<marquee scrollamount="30" behavior="scroll" direction="left" scrolldelay="1" onMouseOver="this.stop()" onMouseOut="this.start()">
			<img class="class" src="1.jpg">
			<img class="class" src="2.jpg">
			<img class="class" src="3.jpg">
			<img class="class" src="4.jpg">
			<img class="class" src="5.jpg">
		</marquee>
	  </div>
	  <div style="margin-left:30%;color:aqua;">
		<marquee behavior="scroll" direction="up" scrolldelay="1" scrollamount="2" onMouseOver="this.stop()" onMouseOut="this.start()"style="height:310px;">
			<span>放下一切回归自我，让美景舒缓情绪，让山水净化心灵...</span><br><br>
			<span>逃离喧嚣与嘈杂的尘世，断了工作和生活的一切琐碎，寻一处宁静之地...</span><br><br>
			<span>借着休假的机会，逃离喧嚣的现实...</span><br><br>
			<span>享一份清新淡雅的静谥，让阳光抚摸自由跳动的心灵...</span><br><br>
			<span>喜欢白洋淀里含苞待放的荷花，幽幽的散发着一池的清香，静静的绽放着独有的美丽...</span><br><br>
			<span>忘却循规蹈矩的制约，只为去一次远行，让心灵回归原始的空白...</span><br><br>
			<span>放下一切回归自我，让美景舒缓情绪，让山水净化心灵...</span><br><br>
			<span>逃离喧嚣与嘈杂的尘世，断了工作和生活的一切琐碎，寻一处宁静之地...</span><br><br>
			<span>借着休假的机会，逃离喧嚣的现实...</span><br><br>
			<span>享一份清新淡雅的静谥，让阳光抚摸自由跳动的心灵...</span><br><br>
			<span>喜欢白洋淀里含苞待放的荷花，幽幽的散发着一池的清香，静静的绽放着独有的美丽...</span><br><br>
			<span>忘却循规蹈矩的制约，只为去一次远行，让心灵回归原始的空白...</span><br>
		</marquee>
	  </div>

 </body>
</html>